import Vue from 'vue'
import App from './App.vue'
import router from './router'

// 引入写好的样式文件：
import '@/css/login-view.css'
import '@/css/global.css'


// 引入ElementUI ---------------------------------------------
import ElementUI, {Message} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' // 引入样式包
Vue.use(ElementUI)                            // vue中使用ElementUI的组件
Vue.use(Message.name, Message)                 // 引入消息组件

// 引入axios ------------------------------------------------
import axios from 'axios'          // 引入axios 的包
Vue.prototype.$axios = axios       // 把axios绑定到vue的原型中

// 设置全局默认url
axios.defaults.baseURL = "http://localhost:8090";

// -------------- 设置请求拦截 让我们的每次请求都带上token----------------------------
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    // 1: 得到当前的token
    let token = sessionStorage.getItem("token");
    if (token) {
        // 如果有值，就设置进请求头中
        config.headers['authentication'] = token;
    }
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});


// ------------- 添加响应拦截器 --------------------------------------------------------
axios.interceptors.response.use(function (response) {

    if (response.data.status == 200) {
        // 得到响应头中的token
        let token = response.headers['authentication'];
        console.log("响应拦截器-从后端得到的token:", token);
        if (token) {
            // 把token存在本地缓存里
            sessionStorage.setItem("token", token);
            // sessionStorage.setItem("loginName", this.loginForm.userName);
        }
    }else if(response.data.status == 408){
        console.log("----response test----")
        Message({
            type: "error",
            message: response.data.message,
            duration: 1000
        })
        // vue.$router.push("/")     // 可以跳转到登录页面，但会报错
        vue.$router.go(-1);
    }

    return response;
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
});


Vue.config.productionTip = false

let vue = new Vue({
    router,
    render: h => h(App)
}).$mount('#app')
